nav .employment{
	position: relative;
	a{
		display: block;
	}
	.employmentlist{
		background: rgba(188,10,47,.7);
		position: absolute;
		z-index: 9999;
		display: none;
		width:200px;
		padding: 10px;
		.left{
			float: left;
			width: 30%;
			p{
				line-height: 28px;
				color: #fff;
				font-size: 14px;
			}
		}
		.right{
			float: right;
			width: 68%;
			img{
				width: 100%;
			}
			div{
				font-size: 12px;
				color: #fff;
				line-height: 20px;
			}
		}
	}
}
#main{
	.wrap{
		overflow: hidden;
	}
	.main_title{
		height:50px;
		border-bottom:1px solid #ccc;
		overflow:hidden;
		position:relative;
		b{
			float:left;
			font:800 18px/50px ' ';
			span{
				font:500 16px/54px ' ';
				margin:0 5px;
			}
		}
		a{
			float:right;
			font:16px/54px ' ';
			color:#999;
		}
		i.square{
			display:block;
			margin:16px 7px 0;
			width:6px;
			height:22px;
			background:#bc0a2f;
			float:left;
		}
		i.square2{
			display:block;
			width:120px;
			height:2px;
			background:#bc0a2f;
			position:absolute;
			bottom:0;
			left:0;
		}
	}
	.main_left{
		border:1px solid #ccc;
		margin:20px 0;
		min-height:567px;
		ul.main_details{
			min-height:164px;
			li{
				height:40px;
				padding-top:8px;
				display: box;
				display: -webkit-box;
				display: -moz-box;
				display: -ms-flexbox;
				display: -webkit-flex;
				display: flex;
				i{
					width:18px;
					font-size:14px;
					line-height:40px;
					color:#bc0a2f;
				}
				div{
					-webkit-box-flex: 1;
				    -moz-box-flex: 1;
				    -webkit-flex: 1;
				    -ms-flex: 1;    
				    flex: 1;
				    a{
				    	color:#222;
				    }
				    a:hover{
						color:#bc0a2f;
					}
				    font-size:14px;
					line-height:40px;
					overflow:hidden;
					height:40px;
					overflow: hidden;
					text-overflow:ellipsis;
					white-space: nowrap;
				}
			}
			li.more{
				padding-top:0;
				text-align: right;
				overflow:hidden;
				width:100%;
				display: block;
   				padding-right:10px;
				span{
					float:right;
					cursor: pointer;
					font:16px/40px ' ';
					color:#333;
					i.iconfont{
						color:#333;
					}
				}
			}
		}
	}
	.main_right{
		margin-top:20px;
		margin-bottom:20px;
		.information{
			height:274px;
			background:#0d86dd;
			padding-left:30px;
			padding-right:30px;
			margin-bottom:16px;
			.title{
				height:74px;
				color:#fff;
				border-bottom:1px solid #fff;
				margin-bottom:12px;
				i.iconfont{
					width:74px;
					height:74px;
					text-align: center;
					font:40px/74px ' ';
					display: block;
					float: left;
				}
				span{
					display:block;
					float:left;
					margin-top:9px; 
					span:nth-of-type(1){
						font:22px/36px ' ';
						float:none;
						margin: 0;
					}
					span:nth-of-type(2){
						font:18px/18px ' ';
						float:none;
						margin: 0;
					}
				}
			}
			.content{
				li{
					height:46px;
					border-bottom:1px solid rgba(255,255,255,.5);
					a{
						width:50%;
						height:39px;
						display: block;
						float: left;
						color:#fff;
						font:16px/39px ' ';
						overflow: hidden;
						text-overflow:ellipsis;
						white-space: nowrap;
						i.iconfont{
							font:14px/39px ' ';
							margin-right:8px;
						}
					}
				}
			}
		}
		.policy,
		.specialty,
		.recruit{
			height:274px;
			padding-left:24px;
			padding-right:0px;
			margin-bottom:16px;
			/*border-bottom:1px solid #aaa;*/
			.img_box{
				height:88px;
				margin-top:10px;
				margin-bottom:10px;
				img{
					width:100%;
					height:100%;
				}
			}
			ul.main_details{
				min-height:116px;
				width:100%;
				border-bottom:1px solid #ccc;
				li{
					height:32px;
					padding-top:8px;
					display: box;
					display: -webkit-box;
					display: -moz-box;
					display: -ms-flexbox;
					display: -webkit-flex;
					display: flex;
					i{
						width:18px;
						font-size:14px;
						line-height:32px;
						color:#bc0a2f;
					}
					div{
						-webkit-box-flex: 1;
					    -moz-box-flex: 1;
					    -webkit-flex: 1;
					    -ms-flex: 1;    
					    flex: 1;
					    a{
					    	color:#222;
					    }
					    a:hover{
							color:#bc0a2f;
						}
					    font-size:14px;
						line-height:32px;
						overflow:hidden;
						height:32px;
						overflow: hidden;
						text-overflow:ellipsis;
						white-space: nowrap;
					}
				}
				li.more{
					padding-top:0;
					text-align: right;
					overflow:hidden;
					width:100%;
					display: block;
	   				padding-right:10px;
					span{
						float:right;
						cursor: pointer;
						font:16px/32px ' ';
						color:#333;
						i.iconfont{
							color:#333;
						}
					}
				}
			}
		}
		.policy{
			padding:0;
		}
		
	}
	.main_pic{
		margin-bottom: 10px;
		/* height: 200px; */
		.wrap{
			/* height: 200px; */
		}
		li{
			margin: 5px 0;
			padding: 0 5px;
			height: 100px;
			box-sizing: border-box;
			position: relative;
			overflow: hidden;
			span{
				position: absolute;
				display: inline-block;
				width: 100%;
				z-index: 999;
				height: 100%;
				line-height: 100px;
				color: #fff;
				background:rgba(0,0,0,.2);
				text-align: center;
			}
			img{
				width: 100%;
				height: 100%;
				position: absolute;
				
			}
		}
	}
	.main_bottom{
		min-height:95px;
		background:#ededed;
		padding-top:14px;
		.left{
			.swiper-container{
				height:70px;
			}
			li{
				height:57px;
				padding-top:10px;
				display: box;
				display: -webkit-box;
				display: -moz-box;
				display: -ms-flexbox;
				display: -webkit-flex;
				display: flex;
				div.left{
					width:48px;
					height:48px;
					/*float:left;*/
					background:#f7f7f7;
					border:1px solid #ccc;
					margin-right:8px;
					span{
						display:block;
						height:24px;
						overflow:hidden;
						text-align:center;
						font:10px/24px ' ';
					}
					span:nth-of-type(1){
						background:#bc0a2f;
						color:#fff;
					}
				}
				div.right{
				    -webkit-box-flex: 1;
				    -moz-box-flex: 1;
				    -webkit-flex: 1;
				    -ms-flex: 1;    
				    flex: 1;
				    a{
				    	color:#222;
				    }
				    a:hover{
						color:#bc0a2f;
					}
				    font:12px/18px ' ';
				    /*paddding-top:8px;*/
				    display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 2;
					overflow: hidden;
					display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 2;
					padding:10px 0 ;
				}
			}
		}
		.right{
			div.right_link{
				margin-top:15px;
				cursor: pointer;
				div.link{
					margin:0 auto;
					width:205px;
					height:34px;
					border:1px soild #08348b;
					color:#08348b;
					display: box;
					display: -webkit-box;
					display: -moz-box;
					display: -ms-flexbox;
					display: -webkit-flex;
					display: flex;
					position:relative;
					background:#fff;
					span{
						display:block;
						-webkit-box-flex: 1;
					    -moz-box-flex: 1;
					    -webkit-flex: 1;
					    -ms-flex: 1;    
					    flex: 1;
					    text-align: left;
					    font:16px/34px ' ';
					    padding-left:10px;
					}
					i.iconfont{
						display:block;
						width:34px;
						height:34px;
						text-align: center;
					    font:16px/34px ' ';

					}
					ul{
						position:absolute;
						top:34px;left:0;
						background:#fff;
						border:1px solid #ccc;
						width:100%;
						box-sizing: border-box;
						padding:5px 10px;
						margin-top:5px;
						z-index: 99;
						display:none;
						li{
							height:34px;
							font:16px/34px ' ';
							border-bottom:1px solid #ccc;
							a{
								color:#333;
							}
						}
						li:nth-last-of-type(1){
							border:none;
						}	
						li:hover{
							a{
								color:#bc0a2f;
							}
						}			
					}
				}
			
			}
		}
	}
}